<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!--引用百度地图-->
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3">
		</script>
		<title>百度地图</title>
		<style type="text/css">
		#container1{
			width:1000px;
			height:600px;	
		}
		</style>
	</head>
	<body>
		<div id="container1"></div>
		<script type="text/javascript">
			var map = new BMap.Map("container1");//在container容器中创建一个地图,参数container为div的id属性;
			var point = new BMap.Point(116.404, 39.915);//定位
			//map.centerAndZoom(point,15);				//将point移到浏览器中心，并且地图大小调整为15;
			map.centerAndZoom("西安",15);      // 初始化地图,用城市名设置地图中心点
			map.addControl(new BMap.NavigationControl()); //NavigationControl：缩放地图的控件，默认在左上角；
			map.addControl(new BMap.MapTypeControl()); //OverviewMapControl：地图的缩略图的控件，默认在右下方；
			map.addControl(new BMap.ScaleControl()); //ScaleControl：地图显示比例的控件，默认在左下方；
			map.addControl(new BMap.OverviewMapControl()); //MapTypeControl：地图类型控件，默认在右上方；
			map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
			map.setCurrentCity("北京");
			var marker = new BMap.Marker(point); //在point处添加标注：
			map.addOverlay(marker); //添加覆盖物：map.addOverlay(marker);
			marker.enableDragging();//激活标注的拖拽功能：marker.enableDragging();
			
		</script>
	</body>
</html>
